<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>筱宇科技-案例详情</title>

    <!-- Bootstrap -->
    <link href="/templets/xiaoyu/script/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="/templets/xiaoyu/style/css.css" rel="stylesheet">
    <link rel="stylesheet" href="/templets/xiaoyu/style/anlixiangqing.css">
    <link rel="stylesheet" href="/templets/xiaoyu/script/swiper-5.2.0/package/css/swiper.min.css">
    <script src="/templets/xiaoyu/script/jquery-3.4.1.min.js"></script>
    <script src="/templets/xiaoyu/script/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="/templets/xiaoyu/script/swiper-5.2.0/package/js/swiper.min.js"></script>
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
                <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/package/html5shiv.min.js"></script>
                <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/package/respond.min.js"></script>
                <![endif]-->
    <!-- PC版 -->


</head>

<body>

    <!-- 头部 -->
    <div class="container-fluid web-top">
        <div class="fjy-nav">
            <div class="col-xs-1 	col-sm-1 	col-md-1 	col-lg-1">
                <!--  -->
            </div>
            <div class="col-xs-10 	col-sm-10 	col-md-10 	col-lg-10">
                <img src="/templets/xiaoyu/images/Logo.png" alt="筱宇科技" style="margin-top: 22px;">
<div class=" fjy-menu">
    <ul>
        <li><a href="/">网站首页</a></li>
         
        <li><a href='/a/shangwuhezuo/'>商务合作</a></li> <li><a class='fjy-visited' href='/a/jingxuananli/' >精选案例</a></li>
        <li><a href='/a/lianxiwomen/'>联系我们</a></li> 
    </ul>
</div>
            </div>

            <div class="col-xs-1 	col-sm-1 	col-md-1 	col-lg-1">

            </div>
        </div>


    </div>

    <div class="row">
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 "></div>
        <!-- 主体 -->
        <div class="alxq col-xs-10 col-sm-10 col-md-10 col-lg-10">


            <div class="small-nav">
                <span>app测试5</span><span><img src="/templets/xiaoyu/images/middle-eyes.png"/>2000</span>
            </div>
            <div class="content">
                <div class="left">
                    <h3>案例详情</h3>
                    
                    <!-- <p>9月19日，2018年云栖大会以“驱动数字中国”为主题在杭州开幕，作为云栖大会的环保战略合作伙伴，章鱼回收亮相云栖大会与阿里巴巴联手打造“零废弃”云栖。章鱼回收萌黄酷黑的身影在场馆内外随处可见，智能分类回收功能吸引好奇人群围观体验。 而在云栖大会开幕的3个多月前，章鱼回收还只是一个产品构想。 从确定产品策略及其布局定义，到外观设计、内部结构设计，再到供应链研发落地，洛可可·洛客仅用了短短几个月的时间让杭州贝易物联旗下智能资源分类回收柜创新产品——章鱼回收，顺利出现在云栖大会上。<br>                        “分类回收”并不是一个新议题，所谓的“分类回收箱”在小区、商场、办公区、学校等地随处可见但效果甚微。如何在具体应用场景下让人们有意识地进行垃圾分类回收，或者说，如何引导人们养成“分类回收”生活习惯，成为了洛可可·洛客团队研发章鱼回收时产品设计的出发点。
                        <br>
                    </p>
                    <img src="/templets/xiaoyu/images/hz_banner.png" />
                    <p>
                        9月19日，2018年云栖大会以“驱动数字中国”为主题在杭州开幕，作为云栖大会的环保战略合作伙伴，章鱼回收亮相云栖大会与阿里巴巴联手打造“零废弃”云栖。章鱼回收萌黄酷黑的身影在场馆内外随处可见，智能分类回收功能吸引好奇人群围观体验。 而在云栖大会开幕的3个多月前，章鱼回收还只是一个产品构想。 从确定产品策略及其布局定义，到外观设计、内部结构设计，再到供应链研发落地，洛可可·洛客仅用了短短几个月的时间让杭州贝易物联旗下智能资源分类回收柜创新产品——章鱼回收，顺利出现在云栖大会上。<br>                        “分类回收”并不是一个新议题，所谓的“分类回收箱”在小区、商场、办公区、学校等地随处可见但效果甚微。如何在具体应用场景下让人们有意识地进行垃圾分类回收，或者说，如何引导人们养成“分类回收”生活习惯，成为了洛可可·洛客团队研发章鱼回收时产品设计的出发点。
                    </p>
                    <p>
                        9月19日，2018年云栖大会以“驱动数字中国”为主题在杭州开幕，作为云栖大会的环保战略合作伙伴，章鱼回收亮相云栖大会与阿里巴巴联手打造“零废弃”云栖。章鱼回收萌黄酷黑的身影在场馆内外随处可见，智能分类回收功能吸引好奇人群围观体验。 而在云栖大会开幕的3个多月前，章鱼回收还只是一个产品构想。 从确定产品策略及其布局定义，到外观设计、内部结构设计，再到供应链研发落地，洛可可·洛客仅用了短短几个月的时间让杭州贝易物联旗下智能资源分类回收柜创新产品——章鱼回收，顺利出现在云栖大会上。<br>                        “分类回收”并不是一个新议题，所谓的“分类回收箱”在小区、商场、办公区、学校等地随处可见但效果甚微。如何在具体应用场景下让人们有意识地进行垃圾分类回收，或者说，如何引导人们养成“分类回收”生活习惯，成为了洛可可·洛客团队研发章鱼回收时产品设计的出发点。
                    </p> -->
                </div>
                <div class="right">
                    <h2>相关案例</h2>
                    <!-- 查看该栏目下的点击率最高的前三个案例 -->
                    <div>
                        <div class="img">
                            <div class="font">

                                <a href="/a/APP/2020/0121/4.html">查看</a>
                            </div>

                            <img src="/images/defaultpic.gif" />
                            <p><span>app测试3</span> <span><img src="/templets/xiaoyuPC/images/small-eyes.png" alt="点击次数">184</span></p>
                        </div>
                    </div>
                    <hr />
<div>
                        <div class="img">
                            <div class="font">

                                <a href="/a/APP/2020/0121/1.html">查看</a>
                            </div>

                            <img src="/uploads/allimg/200121/1-2001211444180-L.png" />
                            <p><span>app测试1</span> <span><img src="/templets/xiaoyuPC/images/small-eyes.png" alt="点击次数">158</span></p>
                        </div>
                    </div>
                    <hr />
<div>
                        <div class="img">
                            <div class="font">

                                <a href="/a/APP/2020/0121/3.html">查看</a>
                            </div>

                            <img src="/images/defaultpic.gif" />
                            <p><span>app测试2</span> <span><img src="/templets/xiaoyuPC/images/small-eyes.png" alt="点击次数">109</span></p>
                        </div>
                    </div>
                    <hr />

                    <p>
                        <a href=http://test.xiaoyucms.com/a/jingxuananli ">查看更多案例</a></p>
                </div>
            </div>
            <!-- 在这里继续写 -->
        </div>


    </div>
    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 "></div>
    </div>
    <!-- 底部 -->
    <div class="container-fluid fjy-bottom ">
    <div class>

        <!--  -->
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">
            <!--  -->
        </div>
        <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 ">
            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 fjy-bottom-box ">
                <div class="fjy-bottom-box-A ">
                    <p>网站导航</p>
                    <ul class="fjy-bott-ul ">
                        <li><a href="index.html ">网站首页</a></li>
                        <li><a href="shangwuhezuo.html ">商务合作</a></li>
                        <li><a href="jingxuananli.html ">精选案例</a></li>
                        <li><a href="lianxiwomen.html ">联系我们</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 fjy-bottom-box ">
                <div class="fjy-bottom-box-B ">
                    <p class="fjy-40 ">关于我们</p>
                    <span><b>J-UI是杭州筱宇科技旗下的UI设计品牌，我们为企业提供高性价比、专业、放心的互联网产品用户体验方案，J的寓意为“简“，简约的设计理念，简捷的客户对接，大道至简，用最简单的方式将信息传递给客户，让客户以最轻松的方式获取产品的价值。</b></span>
                </div>
            </div>

            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 fjy-bottom-box ">
                <div class="fjy-bottom-box-C ">
                    <p class="fjy-40 ">联系方式</p>
                    <span>电话：15858153259</span></br>
                    <!-- <p>联系我们</p> -->
                    <span>邮箱：wenbin.x@163.com</span></br>
                    <!-- <p>地址</p> -->
                    <span>地址：杭州市拱墅区祥园路99号，中国(杭州)智慧信息产业园C幢裙楼3F。</span>
                </div>
            </div>

            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 fjy-bottom-box ">
                <div class="fjy-bottom-box-D ">
                    <p class="fjy-40 ">微信</p>
                    <img src="/templets/xiaoyu/images/weixin.png " />
                </div>
            </div>
        </div>

        <!--  -->
        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ">

        </div>
        <!--  -->


    </div>
</div>
    <script>
            // 没效果，也不知道咋回事
        // $('.img').hover(function() {
        //     console.log( $(this).children('.font'));
        //     $(this).children('.font').css("z-index ", "1 ");
        // }, function() {
        //     $(this).children('.font').css("z-index ", "-1 ");
        // });
     

$('.fjy-menu a').click(function() {
    $(this).parent('li').siblings('li').removeClass();
    // console.log(123);
    $(this).parent('li').addClass('fjy-visited');
});

    </script>
</body>

</html>